草庐IT

HTML 图像

全部标签

javascript - 这是 html5shiv 中的错字吗?

我刚看到html5shiv并找到这段代码:functionaddStyleSheet(ownerDocument,cssText){varp=ownerDocument.createElement('p'),parent=ownerDocument.getElementsByTagName('head')[0]||ownerDocument.documentElement;p.innerHTML='x'+cssText+'';returnparent.insertBefore(p.lastChild,parent.firstChild);}在哪里p.innerHTML='x'+cssT

javascript - 跟踪基本 HTML 表单发布进度

我有一个基本的HTML表单,可以正常提交,根本没有ajax。此表单使用常规邮寄提交到同一文件。我不使用AJAX,因为表单有12个文本字段和至少1个图像,但最多可能有26个图像,而ajax不能同时处理表单和图像,我必须保存到数据库中,而且很多AJAX的额外工作量。问题是我需要以某种方式跟踪表单上传进度。大多数程序员都知道在浏览器的左下角或右下角查看表单提交进度。但大多数人并不知道这一点。所以我想显示一个进度条。问题是我发现所有进度条都使用ajax的XHR请求。由于表单不是ajax,我似乎无法找到跟踪进度的方法。那么有没有办法拦截浏览器内部的提交进度,看看表单上传完成的百分比呢?编辑我在页

javascript - html2canvas 屏幕截图捕获当前窗口,而不是整个主体

试图在javascript中捕获整个页面主体(包括用户填写的字段)的屏幕截图,但html2canvas仅捕获当前窗口,即使我将高度设置为一个巨大的数字。html2canvas网站示例似乎具有我想要的功能,但我无法理解它们的不同之处。ClickMe!$("#pdfbutton").click(function(){html2canvas(document.body,{onrendered:function(canvas){//document.body.appendChild(canvas);varimg=canvas.toDataURL("image/png");console.log

javascript - 避免使用 svg 图像进行光栅化,以便在 Firefox 中进行转换

我想申请matrixtransformsvg.Here'safiddle.在Firefox上,它看起来像这样:由于我的View框,它看起来像是在转换之前将其光栅化为10x10位图。我怎样才能避免这种情况?在我看来,我可以尝试找到一种方法来强制Firefox不进行光栅化,或者使用某种形式的嵌入。(??iframe?出于某种原因,我认为这些都是不好的做法。)我正在使用JavaScript动态加载这些SVG。那我该怎么做呢?PS:如果有办法用svg.js,这就是我现在正在使用的,但我非常愿意使用Vanilla来让它工作。编辑:FWIW,显然它已在每晚的Firefox中修复,但我现在仍然想要一

javascript - 关闭 fabricjs 图像对象的缓存

我正在尝试使用以下函数使用fabricjs加载图像:fabric.Image.fromURL()我想关闭缓存,因为当图像更新时,fabricjs图像对象不会更新,因为它被缓存了。我不能在url中使用随机字符串作为虚拟参数来停止缓存,因为我使用的url包含一个签名参数,因此如果我尝试添加一个虚拟参数,我需要更新url的签名参数是我不想做的事。如果有任何帮助,我将不胜感激。感谢您的宝贵时间! 最佳答案 自版本1.7.0起,fabricjs不再缓存图像。这是来自文档。objectCaching:BooleanWhentrue,object

javascript - 如何使用 JavaScript 修复图像透视变形和旋转?

我有一些使用手机拍摄的图像。是否有任何JavaScript库可以拉直纸张的照片并将其展平?例如,我想创建一个矩形图像,而该图像没有任何失真。换句话说我想知道如何用JavaScript修复透视扭曲和旋转?例如,我在下面的示例图片中找到了this文章:如何用javascript修复这种类型的图像? 最佳答案 不需要额外的npm包,创建一个不规则的裁剪框就可以实现,首先将图像加载到Canvas中,在图像上调整4个裁剪点,将部分放入一个规则的矩形Canvas中。点击此链接获取详细代码和步骤ImagePerspectivecorrection

javascript - VueJS 在内联模板组件中重新编译 HTML

我已经将bootstrapTable(https://github.com/wenzhixin/bootstrap-table)包装到一个指令中,如下所示:Vue.directive('bootstraptable',{priority:1000,params:['url','resource-name'],bind:function(){var_self=this;$(this.el).bootstrapTable({pagination:true,pageSize:15,pageList:[],sidePagination:'server',url:this.params.url,

javascript - Gulp-inject 说 "Nothing to inject into index.html"

我试图在我的索引中注入(inject)一些文件,所有这些文件都连接并缩小到一个.tmp文件夹中,如下所示:gulp.task('prep-js',['clean'],function(){varjspath='./src/page/**/*.js';vartreatJs=gulp.src(jspath).pipe(plugins.concat('scripts.js')).pipe(plugins.uglify()).pipe(gulp.dest('.tmp/page/js'))});但是当我运行注入(inject)任务时,它显示“没有任何东西可以注入(inject)到index.ht

javascript - 从组件文件和 View 模型生成原始 HTML 字符串

我们有这样一个模板。the-template.html${Foo}我们想用它来做这件事。some-file.tslethtmlString=makeItHappen('the-template.html',{Foo='bar'});console.info(htmlString);//bar什么是我们的makeItHappen函数的等价物? 最佳答案 好的,这是要点:https://gist.run/?id=d57489d279b69090fb20938bce614d3a以下是防止丢失的代码(带有注释):import{bindabl

javascript - Firefox WebExtension,独立的 HTML 覆盖

我正在寻找一种使用WebExtensions在某些网站上显示独立叠加层的方法。iframe似乎是解决此问题的方法,因为它为css、js和DOM提供了一个完整的独立范围。另一件好事是目标网站将无法读取或更改内容。在Chrome扩展中似乎没有任何问题,但在Firefox中使用WebExtensions,即使它们共享相同的语法,我也会收到安全警告/错误并且它不起作用。我尝试了两种不同的方法:创建一个没有src属性的iframe并将其注入(inject)网站主体。此方法失败,因为我在执行iframe.contentWindow.document.open()时收到CSP错误/警告。相关内容脚本